﻿<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8"/>
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0"/>
    <meta name="renderer" content="webkit|ie-comp|ie-stand"/>
    <title>笔趣阁_无弹窗书友最值得收藏的网络小说阅读网</title>
    <meta name="keywords" content="笔趣阁,无弹窗,小说阅读网,biquge"/>
    <meta name="description" content="笔趣阁是广大书友最值得收藏的网络小说阅读网，网站收录了当前最火热的网络小说，免费提供高质量的小说最新章节，是广大网络小说爱好者必备的小说阅读网。"/>
    <meta http-equiv="X-UA-Compatible" content="ie=edge"/>
</head>
<body>
<link rel="stylesheet" href="https://cdn.bootcss.com/sweetalert/0.5.0/sweet-alert.css"/>
<link rel="stylesheet" href="css/hhh.css"/>
<script src="https://unpkg.com/axios@0.19.2/dist/axios.min.js"></script><!--axios-->
<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script><!--vue插件-->

<div id="index">
    <div class="header_wap pc_none">
        <span class="title">笔趣阁</span>
        <a class="user" href="##">
            <svg class="lnr lnr-user">
                <use xlink:href="#lnr-user"></use>
            </svg>
        </a>
    </div>
    <div class="header_top"></div>
    <div class="header">
        <div class="wrap">
            <h1 class="logo"><a href="/">笔趣阁</a></h1>
            <div class="search">
                <form action="/" id="form">
                    <input class="text" id="keyWord" name="q" v-model="novelName" type="text"
                           placeholder="可搜书名和作者，请您少字也别输错字。"/>
                    <input type="submit" class="btn" @click="queryNovel" value="搜索"/>
                </form>
            </div>
        </div>
        <div class="nav">
            <ul class="nav">
                <li><a href="/index.html">首页</a></li>
                <li><a href="#" @click="chapterNameType('玄幻小说')">玄幻小说</a></li>
                <li><a href="#" @click="chapterNameType('修真小说')">修真小说</a></li>
                <li><a href="#" @click="chapterNameType('都市小说')">都市小说</a></li>
                <li><a href="#" @click="chapterNameType('穿越小说')">穿越小说</a></li>
                <li><a href="#" @click="chapterNameType('网游小说')">网游小说</a></li>
                <li><a href="#" @click="chapterNameType('科幻小说')">科幻小说</a></li>
                <li><a href="#" @click="chapterNameType('其他小说')">其他小说</a></li>
                <li><a href="/setSearch.html">添加小说</a></li>
            </ul>
        </div>
    </div>


    <div class="wrap">
        <div class="hot">
            <div class="item">
                <div class="image">
                    <a :href="'/chapterName.html?novelId='+updateTimeNovel[0].id">
                        <img style="min-height:120px;"
                             :src="updateTimeNovel[0].url"
                             :alt="updateTimeNovel[0].nameNovel"/></a>
                </div>
                <dl>
                    <dt><span><a
                            :href="'/authorsWork.html?name='+updateTimeNovel[0].name"
                            style="color: #555555">{{updateTimeNovel[0].name}}</a></span><a
                            :href="'/chapterName.html?novelId='+updateTimeNovel[0].id">{{updateTimeNovel[0].novelName}} </a>
                    </dt>
                    <dd><a :href="'/chapterName.html?novelId='+updateTimeNovel[0].id" style="color: #555">{{updateTimeNovel[0].briefIntroduction|ellipsis}}</a>
                    </dd>
                </dl>
            </div>
            <div class="item">
                <div class="image">
                    <a :href="'/chapterName.html?novelId='+updateTimeNovel[1].id">
                        <img style="min-height:120px;"
                             :src="updateTimeNovel[1].url"
                             :alt="updateTimeNovel[1].novelName"/></a>
                </div>
                <dl>
                    <dt><span><a
                            :href="'/authorsWork.html?name='+updateTimeNovel[1].name"
                            style="color: #555555">{{updateTimeNovel[1].name}}</a> </span><a
                            :href="'/chapterName.html?novelId='+updateTimeNovel[1].id">{{updateTimeNovel[1].novelName}}</a>
                    </dt>
                    <dd><a :href="'/chapterName.html?novelId='+updateTimeNovel[1].id" style="color: #555">{{updateTimeNovel[1].briefIntroduction|ellipsis}}</a>
                    </dd>
                </dl>
            </div>
            <div class="item">
                <div class="image">
                    <a :href="'/chapterName.html?novelId='+updateTimeNovel[3].id">
                        <img style="min-height:120px;"
                             :src="updateTimeNovel[3].url"
                             :alt="updateTimeNovel[3].NovelName"/></a>
                </div>
                <dl>
                    <dt><span><a
                            :href="'/authorsWork.html?name='+updateTimeNovel[3].name"
                            style="color: #555555">{{updateTimeNovel[3].name}}</a> </span><a
                            :href="'/chapterName.html?novelId='+updateTimeNovel[3].id">{{updateTimeNovel[3].novelName}}</a>
                    </dt>
                    <dd><a :href="'/chapterName.html?novelId='+updateTimeNovel[3].id"
                           style="color: #555">{{updateTimeNovel[3].briefIntroduction|ellipsis}}</a></dd>
                </dl>
            </div>
            <div class="item">
                <div class="image">
                    <a :href="'/chapterName.html?novelId='+updateTimeNovel[4].id">
                        <img style="min-height:120px;"
                             :src="updateTimeNovel[4].url"
                             :alt="updateTimeNovel[4].novelName"/></a>
                </div>
                <dl>
                    <dt><span><a
                            :href="'/authorsWork.html?name='+updateTimeNovel[4].name"
                            style="color: #555555">{{updateTimeNovel[4].name}}</a> </span><a
                            :href="'/chapterName.html?novelId='+updateTimeNovel[4].id">{{updateTimeNovel[4].novelName}}</a>
                    </dt>
                    <dd><a :href="'/chapterName.html?novelId='+updateTimeNovel[4].id" style="color: #555">{{updateTimeNovel[4].briefIntroduction|ellipsis}}</a>
                    </dd>
                </dl>
            </div>


        </div>
        <div class="top">
            <h2>强力推荐</h2>
            <ul class="lis">
                <li v-for="(item,index) in createdTimeNovel.slice(0,9)">
                    <span class="s1">{{item.type| novelType}}</span>
                    <span class="s2"><a :href="'/chapterName.html?novelId='+item.id">{{item.novelName}}</a></span>
                    <span class="s5"><a
                            :href="'/authorsWork.html?name='+item.name"
                            style="color: #555555">{{item.name}}</a></span>
                </li>
            </ul>
        </div>

    </div>
    <div class="wrap">
        <div class="type">
            <div class="block">
                <h2>玄幻奇幻</h2>
                <div class="block_top">
                    <div class="image">
                        <a :href="'/chapterName.html?novelId='+fantasyNovel[0].id"><img
                                :src="fantasyNovel[0].url"
                                :alt="fantasyNovel[0].novelName"/></a>
                    </div>
                    <dl>
                        <dt>
                            <a :href="'/chapterName.html?novelId='+fantasyNovel[0].id">{{fantasyNovel[0].novelName}}</a>
                        </dt>
                        <dd><a :href="'/chapterName.html?novelId='+fantasyNovel[0].id" style="color: #555">{{fantasyNovel[0].briefIntroduction}}</a>
                    </dl>
                </div>
                <ul class="lis">
                    <li v-for="(item,index) in fantasyNovel.slice(1, fantasyNovel.length)"><a
                            :href="'/chapterName.html?novelId='+item.id">{{item.novelName}}</a>/<a
                            :href="'/authorsWork.html?name='+item.name" style="color: #555555">{{item.name}}</a>
                    </li>
                </ul>
            </div>
            <div class="block">
                <h2>武侠仙侠</h2>
                <div class="block_top">
                    <div class="image">
                        <a :href="'/chapterName.html?novelId='+fixTheTruthNovel[0].id"><img
                                :src="fixTheTruthNovel[0].url"
                                :alt="fixTheTruthNovel[0].novelName"/></a>
                    </div>
                    <dl>
                        <dt>
                            <a :href="'/chapterName.html?novelId='+fixTheTruthNovel[0].id">{{fixTheTruthNovel[0].novelName}}</a>
                        </dt>
                        <dd><a :href="'/chapterName.html?novelId='+fixTheTruthNovel[0].id" style="color: #555">{{fixTheTruthNovel[0].briefIntroduction}}</a>
                        </dd>
                    </dl>
                </div>
                <ul class="lis">
                    <li v-for="(item,index) in fixTheTruthNovel.slice(1, fixTheTruthNovel.length)"><a
                            :href="'/chapterName.html?novelId='+item.id">{{item.novelName}}</a>/<a
                            :href="'/authorsWork.html?name='+item.name" style="color: #555555">{{item.name}}</a>
                    </li>
                </ul>
            </div>
            <div class="block">
                <h2>都市言情</h2>
                <div class="block_top">
                    <div class="image">
                        <a :href="'/chapterName.html?novelId='+metropolisNovel[0].id"><img
                                :src="metropolisNovel[0].url"
                                :alt="metropolisNovel[0].novelName"/></a>
                    </div>
                    <dl>
                        <dt>
                        <dt><a :href="'/chapterName.html?novelId='+metropolisNovel[0].id">{{metropolisNovel[0].novelName}}</a>
                        </dt>
                        </dt>
                        <dd>
                        <dd><a :href="'/chapterName.html?novelId='+metropolisNovel[0].id" style="color: #555">{{metropolisNovel[0].briefIntroduction}}</a>
                        </dd>
                        </dd>
                    </dl>
                </div>
                <ul class="lis">
                    <li v-for="(item,index) in metropolisNovel.slice(1, metropolisNovel.length)"><a
                            :href="'/chapterName.html?novelId='+item.id">{{item.novelName}}</a>/<a
                            :href="'/authorsWork.html?name='+item.name" style="color: #555555">{{item.name}}</a>
                    </li>
                </ul>
            </div>
        </div>
        <div class="up">
            <div class="r bd">
                <h2>最新入库小说</h2>
                <ul>
                    <li v-for="(item,index) in createdTimeNovel">
                        <span class="s1">{{item.type| novelType}}</span>
                        <span class="s2"><a :href="'/chapterName.html?novelId='+item.id">{{item.novelName}}</a></span>
                        <span class="s5"> <a
                                :href="'/authorsWork.html?name='+item.name"
                                style="color: #555555">{{item.name}}</a></span>
                    </li>
                </ul>
            </div>
            <div class="l bd">
                <h2> 最近更新小说列表</h2>
                <ul>
                    <li v-for="(item,index) in updateTimeNovel">
                        <span class="s1">{{item.type| novelType}}</span>
                        <span class="s2">
                                   <a :href="'/chapterName.html?novelId='+item.id">{{item.novelName}}</a>
                                </span>
                        <span class="s4"><a
                                :href="'/authorsWork.html?name='+item.name"
                                style="color: #555555">{{item.name}}</a></span><span
                            class="s5">{{item.updateTime|formatTo}}</span>
                    </li>
                </ul>
            </div>
        </div>
    </div>
</div>

<div class="footer" id="footer">
    <div class="pc-footer">
        <p>本站所有小说为转载作品，所有章节均由网友上传，转载至本站只是为了宣传本书让更多读者欣赏。</p>
    </div>
</div>

</div>

<script>
    new Vue({
        el: '#index',
        data: {
            updateTimeNovel: [],
            createdTimeNovel: [],
            fantasyNovel: [],
            fixTheTruthNovel: [],
            metropolisNovel: [],
            novelName: ""
        },
        filters: {
            novelType: function (value) {
                if (value == 0) {
                    return "玄幻小说"
                } else if (value == 1) {
                    return "修真小说"
                } else if (value == 2) {
                    return "都市小说"
                } else if (value == 3) {
                    return "穿越小说"
                } else if (value == 4) {
                    return "网游小说"
                } else if (value == 5) {
                    return "科幻小说"
                } else {
                    return "其他小说"
                }

            },
            formatTo: function (data) {
                return data.substring(0, data.length - 10);
            },
            ellipsis: function (value) {
                if (!value) return ''
                if (value.length > 30) {
                    return value.slice(0, 30) + '...'
                }
                return value
            }
        },
        methods: {
            chapterNameType: function (e) {
                window.location.href = "/chapterNameType.html?type=" + e;
            },
            queryNovel: function () {
                window.location.href = "/searchNovelByName.html?novelName=" + this.novelName

            }
        },
        created: function () {
            let token = window.sessionStorage.getItem('token');
            var that = this
            axios.get("/search/index", {headers: {'Authorization': token}}).then(function (res) {
                if (res.data.code) {
                    that.updateTimeNovel = res.data.extend.success[0]
                    that.createdTimeNovel = res.data.extend.success[1]
                    that.fantasyNovel = res.data.extend.success[2]
                    that.fixTheTruthNovel = res.data.extend.success[3]
                    that.metropolisNovel = res.data.extend.success[4]
                } else {
                    alert("请先登录")
                    window.location.href = "/login.html"
                }
            })
        }
    })
</script>
</body>
</html>
